<template>
  <div>
    <h3>:value 和 @input组合</h3>
    <input type="text" :value="msg" @input="msg = $event.target.value" />
    <hr />
    <h3>:value 和 @change组合</h3>
    <input type="text" :value="msg1" @change="msg1 = $event.target.value" />
    <hr />
    <h3>:checked 和 @change组合</h3>
    <input
      type="checkbox"
      :checked="flag"
      @change="flag = $event.target.checked"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: 123,
      msg1: 456,
      flag: true,
    }
  },
}
</script>

<style scoped></style>
